.vipWrapper {
  margin-top: 50px;
  background-color: #fff;
  padding: 20px;
  padding-top: 4px;
  border-radius: 10px;
  position: relative;
  .title {
    display: inline-block;
    color: transparent;
    font-weight: 700;
    font-size: 24px;
    background: -webkit-linear-gradient(left, #cbac5f, #d1b97d, #c0ac8d);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 20px 0;
  }
  .vipContent {
    display: flex;
    width: 625px;
    flex-wrap: wrap;
    gap: 10px;

    .vipCard {
      display: inline-block;
      width: 200px;
      padding: 20px;
      border-radius: 30px;
      border: 2px solid rgb(245, 246, 250);
      box-sizing: border-box;
      // background: linear-gradient(
      //   40deg,
      //   rgb(55, 54, 51),
      //   rgb(96, 88, 83) 30%,
      //   rgb(76, 74, 75)
      // );
      background-color: rgb(245, 246, 250);
      color: rgb(113, 113, 113);
      cursor: pointer;
      margin-bottom: 20px;
      .name {
        text-align: center;
        // color: rgb(220, 201, 165);
        font-size: 16px;
        font-weight: 700;
      }
      .pricewraper {
        font-size: 22px;
        // color: rgb(220, 201, 165);
        text-align: center;
        // font-weight: 700;
        margin: 15px 0 10px;
        color: #f60;
      }
      .price {
        font-size: 36px;
        padding-right: 20px;
        color: #f60;
      }
      .btn {
        height: 44px;
        margin: 6px 0 0px;
        font-weight: 500;
        font-size: 16px;
        border-radius: 25px;
        color: rgb(253, 246, 231);
        border-color: transparent;
        background: rgba(31, 33, 45, 0.5);
        text-align: center;
        line-height: 44px;
        cursor: pointer;
      }
      &.focus {
        border: 2px solid #639df7;
      }
    }
  }
}
